.upfiles_box {padding-top:20px;}
.upfiles_box .bor {border:4px dashed #ccc;}
.upfiles_pa {position:relative;}
.upfiles_tip {color:#aaa; padding-top:80px;}
.upfiles_tip .h1 {font-size:18px;}
.upfiles_tip .h2 {font-size:16px; padding:5px 0;}
#drag-area {height:240px; text-align:center; position:relative; z-index:1;}
.upfiles_zw {position:absolute; top:0; left:0; z-index:2; display:none; width:100%; height:100%;}

.progress {width:100%; background:#ddd; border-radius:20px; position:relative; margin-top:9px;}
.progress p {width:100px; height:18px; line-height:18px; color:#fff; position:absolute; top:0; left:50%; margin-left:-50px; text-align:center; z-index:2;}
.progress-bar {width:0; height:18px; line-height:18px; border-radius:20px; position:relative; /*animation:animate-positive 2s;*/ -webkit-background-size:40px 40px; background-size:40px 40px; text-align:center; z-index:1; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.progress-bar {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.progress-bar-info {background-color:#5bc0de;}
.active {animation:reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;}

@-webkit-keyframes progress-bar-stripes {
	from {background-position:40px 0;}
	to {background-position:0 0;}
}
@-o-keyframes progress-bar-stripes {
	from {background-position:40px 0;}
	to {background-position:0 0;}
}
@keyframes progress-bar-stripes {
	from {background-position:40px 0;}
	to {background-position:0 0;}
}
@-webkit-keyframes animate-positive {
	0% {width:0;}
}
@keyframes animate-positive {
	0% {width:0;}
}

.upfiles_ul {padding-top:20px;}
.upfiles_li {height:36px; overflow:hidden; border-bottom:1px solid #ddd; background:#f0f0f0; position:relative;}
.upfiles_li_on {padding-left:42px;}
.upfiles_li .img {width:40px; height:32px; position:absolute; top:2px; left:2px;}
.upfiles_li .word {height:36px; overflow:hidden; line-height:36px; margin:0 10px;}
.upfiles_li .word .fl {width:600px; float:left;}
.upfiles_li .word .fr {width:200px; float:right; text-align:right;}
.upfiles_li .word .fr a {color:#3a6ea5; text-decoration:underline;}